@charset "utf-8";
/* CSS Document */

 





/*------------------------------------------------indexbanner star---------------------------------------------------------------*/
.slider {    position: relative;width: 100%;height: 100%;overflow: hidden; }
.box {width: 90%;height: 80%;position: relative; left: 5%;   top: 20%;}
.slides {height: 100%;overflow: hidden;-webkit-backface-visibility: hidden;-webkit-transform-style: preserve-3d;
          -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
          -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
          transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);}
.slide {height: 100%;float: left;clear: none; list-style-type: none;}
.slider-arrow {position: absolute;display: block;margin-bottom: -20px;width: 60px;height: 60px;line-height: 60px;text-decoration: none;    opacity: 0;
		    	text-align: center;color: #fff;font-size: 2em;background-color: #333;background-color: rgba(50,50,50,.3);border-radius: 50%;display: none;}
.slider-arrow--right { bottom: 50%; right: 30px; }
.slider-arrow--left { bottom: 50%; left: 30px; }
.slider-nav {    position: absolute;bottom: 30px;width: 50% !important;left: 25% !important;text-align: center;display: block;overflow: hidden;margin: 0 auto !important;}
.slider-nav__item {width:0.8em;height:0.8em;float: none;clear: none;display: inline-block;margin: 0 3px;background: #666;border-radius: 50%;}
.slider-nav__item:hover { background: #D9B665; }
.slider-nav__item--current { background: #D9B665; }

.banner1{ width:90%; margin:0 auto; overflow:hidden; padding-top:16%; letter-spacing: 2px; }
.banner1 h1{ background-color:rgba(82, 84, 210, 0.3); width:64%; font-size:52px;  text-align:left; font-weight:normal; padding-top:3%; padding-bottom:3%; padding-left:2%; }
.banner1 h1 p{ font-size:36px; line-height:2em; }
.banner1 h2{ background-color:#5254D2; width:64%; text-align:left;  padding-left:2%;  padding-top:1%; padding-bottom:1%; font-weight:normal;   }
.banner1 h3{ text-align:left; padding-left:1.4%; font-size:20px; font-weight:normal; line-height:3em;  }
.banner1 h4{ background-color:#EF8641; width:10%; line-height:2em; margin-top:1%; border-radius: 2px; font-size:16px; font-weight:normal;  }

/*------------------------------------------------indexbanner end---------------------------------------------------------------*/